开门见山，先上效果吧！感觉可以的用的上的再往下看。(动图网址)

　　心动吗？那就继续往下看！

　　先上页面结构吧，也就是wxml文件，其实可以理解成微信自己封装过的html，这个不多说了，不懂也没必要往下看了。

　　做该效果样式就不多说了，一个默认状态样式，一个当前选中样式。（开发小程序的时候，注意class的命名，尽量不要使用层级嵌套，所以class取名的时候要注意唯一性）

View Code 　　

　　js部分：该效果基于小程序的组件 scroll-view 开发的，利用bindscroll事件加载回调函数。

　　回调事件原理：

　　通过滚动宽度和每个item的宽度从而获取当前滚动的item是第几位，然后给对应的item加上选中class，其他的则去除选中class。